@charset "UTF-8";
/*  Author:UED Version:1.0.0
*/
#container { max-width: 750px; margin: 0 auto; }
html { font-size: 50px; }
@media screen and (min-width: 320px) { html { font-size: 42.7px; } }
@media screen and (min-width: 360px) { html { font-size: 48px; } }
@media screen and (min-width: 375px) { html { font-size: 50px; } }
@media screen and (min-width: 414px) { html { font-size: 55.2px; } }
body, button, input, select, textarea { font: 12px/1.4 "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", sans-serif;
    -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6, b, strong { font-weight: normal; }
button, input, select, textarea { padding: 0; background: none; border: 0; font-size: inherit; -webkit-appearance: none; appearance: none; }
textarea:focus, input:focus, button:focus { outline: 0; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #C8C8C8; }
i { font-style: normal; }
a { text-decoration: none; }
img { display: block; }

.flex { /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ /* 老版本语法: Firefox (buggy) */ /* 混合版本语法: IE 10 */ /* 新版本语法: Chrome 21+ */ display: -webkit-flex; display: -ms-flexbox; display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.flex > * { -webkit-flex: 1; -ms-flex: 1; flex: 1; }
[v-cloak] { display: none; }
.bg_gray{background:#F7F7FC;}
.font-org{color: #FE7400!important;}
.font-blue{color: #286DF7!important;}

/* icons */
.huidou_left a:before,.address:before,.huidou-plate .huidou-cur a:before,.icon-huidou:before{content:'';background: url('../images/icons.png') no-repeat 0 0;background-size:0.74rem auto;}

/* 首页 */
.header{background:url('../images/bg.png') no-repeat 0 0;position: fixed;left: 0;right: 0;top: 0;background-size:cover;-webkit-background-size:cover;height: 2.2rem;}
.huidou_left{font-size: 0.28rem;padding: 0.4rem 0.32rem;color: #fff;line-height: 0.46rem;height: 0.46rem;}
.huidou_left a.link-huidou{font-size: 0.34rem;padding-right: 0;}
.huidou_left a.link-huidou:after{content:none;}
.huidou_left a.link-list{font-size: 0.24rem;padding-right: 0.2rem;}
.huidou_left a,.huidou-plate .huidou-cur a{color: #fff;padding-right: 0.7rem;position: relative;}
/*.huidou_left a:before,*/.huidou_left a:after,.huidou-plate .huidou-cur a:before,.huidou-plate .huidou-cur a:after{content:'';position: absolute;right:0;top: 50%;}
.huidou_left a:before,.huidou-plate .huidou-cur a:before{width:0.4rem;height:0.4rem;background-position: -0.34rem 0;right:0.2rem;-webkit-transform: translate(0,-54%);-ms-transform: translate(0,-54%);transform: translate(0,-54%);}
.huidou_left a:after,.huidou-plate .huidou-cur a:after{width: 0.14rem;height: 0.14rem;border-bottom: 0.04rem solid #fff;border-right: 0.04rem solid #fff;border-radius:0 0 0.04rem 0;-webkit-transform:translate(0,-50%) rotate(-45deg);-ms-transform:translate(0,-50%) rotate(-45deg);transform:translate(0,-50%) rotate(-45deg);}
.notices{padding:;position: relative;background: rgba(0, 0, 0, 0.1);height: 0.6rem;overflow: hidden;}
.notices-list{position: absolute;left:0.32rem;top:0;}
.notices-list li{line-height: 0.6rem;color: #fff;font-size: 0.24rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.notices-list li img{width: 0.4rem;height: 0.4rem;border-radius: 50%;margin:0.1rem 0.1rem 0 0;float: left;}
.notices-list li .user-name{margin-right: 0.1rem;}
.navs{background: #fff;border-radius: 0.2rem 0.2rem 0 0;overflow: hidden;overflow-x: auto;padding: 0 0.2rem;}
.navs-wrap{height: 0.76rem;text-align: center;}
.navs span{line-height: 0.76rem;font-weight: bold;font-size: 0.3rem;display: inline-block;padding: 0 0.24rem;}
.navs span.cur{color: #E83C3C;position: relative;}
.navs span.cur:after{content: '';position: absolute;left: 50%;bottom: 0;width: 0.32rem;height: 0.06rem;border-radius: 0.06rem;background: #E83C3C;margin-left: -0.16rem;}
.main{/*padding:2.82rem 0.22rem 0; */position:fixed;left:0;right: 0;top:2.62rem;bottom: 0;padding:0.2rem 0.22rem;overflow: hidden;overflow-y: auto;}
.main-list{overflow: hidden;}
.main-list li{float: left;width:47%;margin:0 1.5% 0.6rem;/*height:4.64rem;*/border: 1px solid #EEEEEE;border-radius: 0.06rem;overflow: hidden;font-size: 0.28rem;box-sizing: border-box;-webkit-box-sizing: border-box;padding-bottom: 0.2rem;}
.main-list li .figure img{width: 100%;height: 3.32rem;}
.main-list li .figure{position: relative;}
.main-list li .figure .tips{position: absolute;bottom: 0;line-height: 0.46rem;background: rgba(0, 0, 0, 0.4);color: #fff;padding: 0 0.2rem;left: 0;right: 0;}
.main-list li .title{color: #222;margin:0.2rem 0.2rem 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
.main-list li p{margin: 0 0.2rem;}
.main-list li p.cost{color:#E83C3C;margin-top: 0.12rem;}
.main-list li p small{font-size: 0.24rem;color: #999;}
.blank{text-align: center;position: absolute;left: 0;right: 0;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.blank p{font-size:0.28rem;color:#999;}
.blank:before{content:'';display:block;background: url('../images/blank.png') no-repeat 0 0;background-size:cover;-webkit-background-size:cover;width:3.84rem;height:2.34rem;margin:0 auto 0.3rem;}
.blank2{position: relative;top:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);padding-top: 1.8rem;height: 76vh;box-sizing: border-box;-webkit-box-sizing: border-box;}
.blank2:before{content:'';display:block;background-image: url('../images/blank2.png');width:3.14rem;height:2.5rem;}
.blank2 a{display: block;width:2rem;height:0.68rem;font-size:0.28rem;color: #fff;line-height:0.68rem;text-align: center;background: #286DF7;border-radius: 0.12rem;margin:0.4rem auto;}
.tags-wrap{overflow: hidden;margin-bottom: 0.2rem;}
.tags-wrap span{float: left;padding: 0 0.24rem;font-size: 0.3rem;color: #999;background: #F6F6F6;line-height: 0.54rem;margin: 0 0.12rem 0.12rem;border-radius: 0.6rem;}
.tags-wrap span.cur{color: #222;}
.btn-used{font-size:0.24rem;line-height: 0.4rem;padding: 0 0.12rem;position: relative;z-index: 1;}
.btn-used:after{content:'';position: absolute;left:0;top: 0;width: 200%;height: 200%;background: rgba(232,60,60,0.08);border:1px solid #E83C3C;border-radius: 1rem;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;box-sizing: border-box;}
.btn-used.disabled{color: #777;}
.btn-used.disabled:after{background: rgba(229,229,229,0.31);border-color: #C8C8C8;}


/* 详情 */
.detail-head{color:#222;padding-bottom: 0.24rem;}
.detail-head figure{display: block;position: relative;}
.detail-head figure >img{width: 100%;}
.detail-head figure .result{position: absolute;left:0.32rem;top:0.24rem;overflow: hidden;height:0.6rem;}
.detail-head figure .result-list{position: relative;overflow: hidden;}
.detail-head figure .result-list li{/*display: inline-block;float: left;height:1.2rem;*/-webkit-transition: all ease .5s;transition: all ease .5s;height:1.2rem;opacity: 0;}
.detail-head figure .result-list li >div{border-radius: 0.6rem;color: #fff;position: relative;padding:0 0.2rem;background: rgba(0,0,0,0.6);height:0.6rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
/* .detail-head figure .result-list li >div:last-child{opacity: 0;} */
.detail-head figure .result-list li img{position: absolute;left:0.04rem;top: 50%;width: 0.52rem;height: 0.52rem;border-radius: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.detail-head figure .result-list li >div p{white-space: nowrap;overflow: hidden;max-width:6rem;text-overflow: ellipsis;line-height: 0.6rem;font-size: 0.24rem;height: 0.6rem;}
.detail-head .title{margin:0.24rem 0.32rem 0.1rem;font-size:0.34rem;font-weight: bold;}
.detail-head .cost{color: #E83C3C;font-size: 0.32rem;margin:0 0.32rem;}
.detail-head .cost strong{font-size:0.48rem;margin-right: 0.04rem;}
.introduction{padding: 0 0 1.4rem;}
.introduction h2{font-size:0.34rem;font-weight: bold;margin-bottom: 0.16rem;padding: 0.3rem 0.32rem 0;}
.introduction:before{content:'';display: block;height: 0.2rem;background:#F7F7FC;}
.introduction p{font-size: 0.28rem;color: #555;padding: 0 0.32rem;}
.footer-btn{position: fixed;left: 0;bottom:0;right: 0;z-index: 2;padding: 0.1rem 0.32rem;background: #fff;}
.footer-btn a{line-height:0.92rem;background:#E83C3C;font-size:0.34rem;color: #fff;text-align: center;border-radius: 1rem;display: block;}
.footer-btn a.disabled,.result-btn.disabled{background:#C6C5C5;pointer-events: none;}
.pop{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);z-index: 10;}
.pop-win{position: absolute;left: 13%;top: 50%;width: 74%;background: #fff;border-radius: 0.2rem;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.pop-win-wrap{padding: 0.7rem 0 0.5rem;}
.pop-win-wrap>p{font-size: 0.3rem;color: #222; padding: 0 0.4rem;line-height: 1.5;max-height: 4rem;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling:touch;}
.pop-win>p{font-size:0.36rem;padding:0.66rem 0.3rem;color: #333;text-align: center;}
.pop-win>p.tips{font-size: 0.28rem;}
.pop-win>p.tips a{color:#0078ff;}
.pop-btn-block{display: block;font-size: 0.3rem;line-height: 0.96rem;color: #0078ff; position: relative; z-index: 1;text-align: center;}
.pop-btn-block.disabled{color:#ccc;pointer-events: none;}
.pop-win-btns{position: relative;z-index: 1;overflow: hidden;}
.pop-win-btns:before,.pop-btn-block:before{
    content: '';
    position: absolute;
    left:0;
    right: 0;
    top: 0;
    height: 100%;
    background: -webkit-linear-gradient(top, #e5e5e5 60%, transparent 60%) no-repeat left top;
    background-size: 100% 1px;
    z-index: -1;
}
.pop-win-btns a{text-align: center;line-height: 1rem;font-size: 0.34rem;color: #E83C3C;float: left;width: 50%;}
.pop-win-btns a.btn-cancle{color:#666;position: relative;z-index: 1;}
.pop-win-btns a.btn-cancle:before{
    content: '';position: absolute;left: 0;top: 0;right: 0;height: 100%;
    background: -webkit-linear-gradient(right, #e5e5e5 60%, transparent 60%) no-repeat right top;background-size: 1px 100%;z-index: -1;
}
.pop-win-l{width: 90%;left:5%;}
.pop-win-l h4{font-size: 0.36rem;font-weight: bold;text-align: center;padding:0.6rem 0 0.4rem;}
.pop-win-l p{padding: 0 0 0.6rem;position: relative;}
.pop-win-l p.tips input{position: absolute;left: 0;top: 0;opacity: 0;}
.pop-win-l p.tips label{padding-left: 0.48rem;position: relative;}
.pop-win-l p.tips label:before{content:'';position: absolute;left: 0;top: 50%;width: 0.32rem;height: 0.32rem;border:1px solid #D6D6D6;border-radius: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.pop-win-l p.tips input:checked + label:before{background:#286DF7;border-color:#286DF7;}
.pop-win-l p.tips input:checked + label:after{content:'';position: absolute;left:0.08rem;top:50%;width:0.16rem;height: 0.08rem;border-bottom: 0.04rem solid #fff;border-left: 0.04rem solid #fff;border-radius: 0 0 0 0.04rem;-webkit-transform:translate(0,-60%) rotate(-45deg);-ms-transform:translate(0,-60%) rotate(-45deg);transform:translate(0,-60%) rotate(-45deg);}
.pop-win-wrap table{margin: 0.3rem auto 0;}
.pop-win-wrap table th{line-height: 0.6rem;background: #e5e5e5;font-size: 0.3rem;color: #222;}
.pop-win-wrap table td{line-height: 0.6rem;background: #fafafa;border-bottom: 1px solid #f0f0f0;font-size: 0.28rem;color: #666;text-align: center;}

/* 兑换结果 */
.footer-result{background: #fff;padding: 0.16rem 2.9rem 0.16rem 0.32rem;}
.footer-result p{font-size: 0.4rem;color: #E83C3C;line-height: 0.8rem;text-align: left;font-weight: 500;}
.footer-result p strong{font-size:0.52rem;margin-right: 0.04rem;}
.result-btn{position: absolute;right: 0.32rem;top: 50%;width:2.4rem;line-height: 0.8rem!important;text-align: center;line-height: 0.8rem;border-radius: 0.5rem;font-size: 0.34rem;color: #fff;background:#E83C3C;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.address{background: #fff;padding: 0.3rem 0 0.3rem 0.8rem;position: relative;color: #222;}
.address:before{position: absolute;left:0.32rem;top: 0.34rem;width: 0.3rem;height: 0.34rem;}
.address-blank,.address dt{font-size: 0.3rem;font-weight: bold;}
.address a{color: #222;display: block;padding-right: 0.64rem;position: relative;}
.address a:after{content:'';position: absolute;right:0.3rem;top: 50%;width: 0.14rem;height: 0.14rem;border-bottom: 1px solid #B7B7B7;border-right: 1px solid #B7B7B7;-webkit-transform:translate(0,-50%) rotate(-45deg);-ms-transform:translate(0,-50%) rotate(-45deg);transform:translate(0,-50%) rotate(-45deg);border-radius: 0 0 0.04rem 0;}
.address dd{font-size:0.28rem;color:#555;margin-top: 0.2rem;}
.address dd span{margin-right:0.3rem;}
.address-mod:after{content:'';position: absolute;left: 0;right: 0;bottom: 0;background: url('../images/line.png') repeat-x 0 0;background-size: 100% auto;-webkit-background-size: 100% auto;height: 0.08rem;}
.pdtItem{margin:0.2rem 0;background: #fff;}
.pdtItem >a{padding: 0.32rem 0.32rem 0.32rem 2.32rem;display: block;height: 1.8rem;position: relative;color: #222;}
.pdtItem >a img{position: absolute;left: 0.32rem;top: 50%;width:1.8rem;height:1.8rem;border-radius: 0.1rem;margin-top: -0.9rem;}
.pdtItem-tit{font-size: 0.3rem;}
.pdtItem-number{font-size: 0.24rem;color:#999;margin-top: 0.1rem;}
.pdtItem-cost{position: absolute;left: 2.32rem;bottom: 0.32rem;font-size: 0.4rem;color: #E83C3C;}

/* 编辑地址 */
.edit{background: #fff;}
.edit-list{padding-left: 0.32rem;}
.edit-list li{padding:0.3rem 0.32rem 0.3rem 1.44rem;position: relative;z-index: 1;}
.edit-list li:after,.huidou-list li:after,.address-list li:after,.mod-pay-tit:after{
    content: '';
    position: absolute;
    left:0;
    right: 0;
    top: 0;
    height: 100%;
    background: -webkit-linear-gradient(bottom, #e5e5e5 60%, transparent 60%) no-repeat left bottom;
    background-size: 100% 1px;z-index: -1;
}
.edit-list li span{font-size: 0.26rem;color: #666;width:1.44rem;position: absolute;left:0;top:0.3rem;}
.edit-list li input,.edit-list li textarea{font-size: 0.26rem;color: #222;font-weight: bold;display:block;width: 100%;}
.edit-list li textarea{height: 1.68rem;resize: none;}

/* 慧豆明细 */
#huidou{overflow: hidden;}
.mine-head{padding: 0 0 0.4rem;position: relative;}
.mine-head:before{
    content: '';
    position: absolute;
    z-index: -1;
    left: 50%;
    top: -6.6rem;
    background-image: -webkit-linear-gradient(225deg, #51A6FC 0%, #2857F7 83%);
    background-image: linear-gradient(225deg, #51A6FC 0%, #2857F7 83%);
    background-image:-webkit-linear-gradient(right top, #51A6FC 0%, #2857F7 83%);
    width: 200%;
    height: 10.8rem;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
    border-radius: 50%;
}
.mine-head .notices{/*position: absolute;left:0;right:0;top: 0;*/}
.mine-head_info{font-size: 0.26rem;color: #E9F2FF;padding: 0.6rem 0.6rem 0;}
.icon-help{display: inline-block;width: 0.24rem;height: 0.24rem;text-align: center;line-height: 0.24rem;font-size: 0.2rem;color: #E9F2FF;border-radius: 50%;border: 1px solid #E9F2FF;margin-left: 0.1rem;}
.huidou-cur{font-size: 0.72rem;display: block;color: #E9F2FF;line-height: 1.2;margin-bottom: 0.3rem;}
.mine-body{background: #fff;margin:0 0.28rem;box-shadow: 0 0.04rem 0.16rem 0 rgba(0,0,0,0.07);border-radius: 0.2rem 0.2rem 0 0;}
.huidou-list{padding: 0 0.36rem;}
.huidou-list li{padding: 0.32rem 1.4rem 0.26rem 0;font-size: 0.3rem;color: #333;position: relative;z-index: 1;}
.huidou-list li:last-child:after{content: none;}
.huidou-list li p{ font-size: 0.24rem;color: #BABABA;margin-top: 0.1rem;}
.huidou-list li p strong{color:#286DF7;}
.huidou-list li h3{font-weight: bold;color: #222;position: relative;}
.huidou-list li h3 strong{font-weight: inherit;}
.icon-huidou{font-weight: normal;margin-left: 0.1rem;padding-left: 0.32rem;position: relative;font-size: 0.24rem;}
.icon-huidou:before{content:'';position: absolute;left: 0;top: 50%;width:0.28rem;height:0.28rem;background-position: -0.2rem 0;background-size: 0.46rem auto;-webkit-background-size: 0.46rem auto;margin-top: -0.14rem;}
.icon-cz{position: absolute;background-image: -webkit-linear-gradient(288deg, #FBDB00 0%, #FFA600 100%);background-image: linear-gradient(162deg, #FBDB00 0%, #FFA600 100%);background-image: -webkit-linear-gradient(right, #FBDB00 0%, #FFA600 100%);
border: 1px solid #FFF;border-radius:0.2rem 0.2rem 0 0.2rem;font-size: 0.2rem;color: #fff;padding: 0 0.12rem;line-height: 0.28rem;left: -0.34rem;top: -0.3rem;font-weight: normal;}
.huidou-list li .btn-go{position: absolute;right:0;top: 50%;width:1.32rem;height:0.6rem;font-size:0.28rem;color:#fff;text-align: center;line-height:0.6rem;border-radius:0.06rem;background:#286DF7;margin-top: -0.3rem;}
.huidou-numb{position: absolute;right: 0;top: 0.32rem;font-size: 0.3rem;}
.huidou-list li .btn-go.disabled{background: #F2F2F6;pointer-events: none;color: #999;}
.huidou-list li .icon-help{color: #999;border-color: #999;font-weight: normal;vertical-align: 0.04rem;}

/* 我的慧豆 */
.huidou-plate{background: url('../images/bg2.png') no-repeat 0 0;background-size: 100% auto;padding:0.34rem 0.36rem 0.66rem;position: relative;color: #fff;-webkit-transition:all ease .5s;transition:all ease .5s;box-sizing: border-box;height: 3.6rem;}
.rules-link{position: absolute;right: 0;top: 0.3rem;background: rgba(255, 255, 255, 0.2);font-size: 0.24rem;padding: 0 0.16rem 0 0.28rem;line-height:0.56rem ;border-radius:0.4rem 0 0 0.4rem;color: #fff;}
.huidou-plate .huidou-cur{font-size: 0.4rem;-webkit-transition:all ease .5s;transition:all ease .5s;}
.huidou-plate .huidou-cur a{}
.huidou-plate.zoomCenter{padding:0.66rem 0.36rem 0;height: 2.66rem;}
.huidou-plate.zoomCenter .huidou-cur{text-align: center;font-size: 0.68rem;}
.huidou-plate.zoomCenter .huidou-cur span{display: block;font-size: 0.24rem;margin:0.1rem auto 0;}
.huidou-plate.morePlate{height:5.92rem;}
.huidou-plate .huidou-cur span{font-size: 0.24rem;margin-left: 0.4rem;display: inline-block;vertical-align: 0.04rem;}
.huidou-plate .huidou-cur span i{vertical-align: middle;}
.huidou-plate_main{}
.huidou-mod{background: #fff;margin-bottom: 0.2rem;color: #222;}
.huidou-mod:nth-of-type(1){margin-top: -0.56rem;position: relative;border-radius: 0.2rem 0.2rem 0 0;}
.huidou-mod-tit{font-size:0.34rem;font-weight: bold;padding:0 0.5rem;line-height: 1rem;position: relative;}
.huidou-mod-tit:before{content:'';position: absolute;left:0.32rem;top:50%;width: 0.08rem;height: 0.32rem;border-radius: 0.08rem;background:#286DF7;margin-top: -0.16rem;}
.plate-wrap{padding:0.3rem 0;}
.plate-wrap li{position: relative;height:0.7rem;}
.plate-wrap li.animBack{position: static;}
.plate-wrap li.animBack >div{-webkit-animation: back ease 1s forwards;animation: back ease 1s forwards;}
.huidou-plate.morePlate.plate-wrap{padding:1.2rem 0;}
.huidou-plate.morePlate .plate-wrap li{height:2.8rem;}
.plate-wrap li.font-s >div span{font-size:0.3rem;}
.plate-wrap li:nth-of-type(odd)>div{-webkit-animation-delay: 1s;animation-delay: 1s;}
.plate-wrap li>div{position: absolute;-webkit-animation: fly ease-in-out 5s infinite;animation: fly ease-in-out 5s infinite;white-space: nowrap;left:50%;top: 50%;-webkit-transform:translate(-50%,-20%);-ms-transform:translate(-50%,-20%);transform:translate(-50%,-20%)}
.plate-wrap li>div span{position: relative;display:block;width:0.74rem;height:0.74rem;text-align:center;line-height:0.74rem;font-size:0.32rem;border-radius: 50%;color: #286DF7;margin:0 auto 0.04rem;background: url('../images/dou.png') no-repeat 0 0;background-size:cover;}
.plate-wrap li>div p{font-size: 0.22rem;text-align: center;}
.plate-wrap li>div p strong{display: block;color: #2857F7;background:rgba(255,255,255,0.8);font-size: 0.2rem;border-radius: 0.2rem;line-height: 0.24rem;margin: 0.04rem auto 0;width: 1rem;text-align: center;}
.plate-wrap li >div .pointer{position: absolute;bottom:-0.6rem;right: -0.34rem;background:url('../images/pointer.png') no-repeat 0 0;width:0.76rem;height:0.8rem;background-size: cover;-webkit-background-size: cover;-webkit-animation:zoom linear 0.9s infinite;animation:zoom linear 0.9s infinite;display: none;z-index: 10;}
@-webkit-keyframes zoom{
    0%{-webkit-transform: scale(1);}
    25%{-webkit-transform: scale(1.1);}
    50%{-webkit-transform: scale(1);}
    75%{-webkit-transform: scale(0.95);}
    100%{-webkit-transform: scale(1);}
}
@keyframes zoom{
    0%{-webkit-transform: scale(1);transform: scale(1);}
    25%{-webkit-transform: scale(1.1);transform: scale(1.1);}
    50%{-webkit-transform: scale(1);transform: scale(1);}
    75%{-webkit-transform: scale(0.95);transform: scale(0.95);}
    100%{-webkit-transform: scale(1);transform: scale(1);}
}
@-webkit-keyframes fly{
    0%{-webkit-transform:translate(-50%,-20%)}
    50%{-webkit-transform:translate(-50%,0)}
    100%{-webkit-transform:translate(-50%,-20%)}
}
@keyframes fly{
    0%{-webkit-transform:translate(-50%,-20%);transform:translate(-50%,-20%)}
    50%{-webkit-transform:translate(-50%,0%);transform:translate(-50%,0%)}
    100%{-webkit-transform:translate(-50%,-20%);transform:translate(-50%,-20%)}
}
@keyframes rot{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes rot{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}
.header-tips{position: absolute;left: 0;right: 0;bottom: 0.64rem;font-size: 0.24rem;color: #fff;text-align: center;}
.loading{text-align: center;font-size: 0.28rem;color: #999;line-height: 1rem;}
.loading:before{content:'';display: inline-block;width: 0.24rem;height: 0.24rem;border:0.04rem solid #aaa;border-top: 0.04rem solid transparent;border-radius: 50%;margin-right: 0.1rem;vertical-align: -0.04rem;-webkit-animation:rot linear 1s infinite;animation:rot linear 1s infinite;}
.error{text-align: center;position: absolute;left:0;right: 0;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);font-size: 0.28rem;color: #999;}
.error:before{content: '';display: block;background: url('../images/blank.png') no-repeat 0 0;background-size: cover;-webkit-background-size: cover;width:3.84rem;height:2.34rem;margin: 0 auto 0.28rem;}
.pop-win-notice{padding: 0.7rem 0 0.5rem;}
.pop-win-notice p{font-size: 0.3rem;text-align: left;padding: 0 0.4rem;margin-bottom: 0.2rem;}
.pop-win-notice p strong{font-weight: bold;}
.btn-block-notice{display: block;margin: 0 auto;width:3.1rem;line-height:0.8rem;font-size:0.3rem;color: #fff;text-align:center;font-weight: bold;background-image:-webkit-linear-gradient(left, #5B6DF9 0%, #529AFD 100%);background-image: linear-gradient(90deg, #5B6DF9 0%, #529AFD 100%);border-radius: 0.6rem;}
.pop-win-notice.zoomOut{-webkit-animation: zoomOut ease 1s forwards;animation: zoomOut ease 1s forwards;}
@-webkit-keyframes zoomOut{
    0%{-webkit-transform:translate(0,-50%) scale(1);transform:translate(0,-50%) scale(1);opacity: 1;}
    100%{-webkit-transform:translate(60%,-135%) scale(0);transform:translate(60%,-135%) scale(0);opacity: 0;}
}
@keyframes zoomOut{
    0%{-webkit-transform:translate(0,-50%) scale(1);transform:translate(0,-50%) scale(1);opacity: 1;}
    100%{-webkit-transform:translate(60%,-135%) scale(0);transform:translate(60%,-135%) scale(0);opacity: 0;}
}


/* 黑版 */
.bg_black{background: #171922;color: #E4E9FE;}
.bg_black .error:before{opacity: 0.5;}
.bg_black .navs,.bg_black .tags-wrap span{background: #272935;}
.bg_black .navs span.cur,.bg_black .main-list li .cost,.bg_black .detail-head .cost,.bg_black .footer-result p{color: #DB4552;}
.bg_black .tags-wrap span,.bg_black .pdtItem-number,.bg_black .error{color:#6B7687;}
.bg_black .tags-wrap span.cur,.bg_black .main-list li .title,.bg_black .detail-head,.bg_black .edit-list li input,.bg_black .edit-list li textarea,.bg_black .address a,.bg_black .pdtItem >a{color: #E4E9FE;}
.bg_black .address a:after{border-bottom-color: #AAB9D1;border-right-color: #AAB9D1;}
.bg_black .main-list li{border-color: #454857;}
.bg_black .btn-used:after{border-color:#DB4552;}
.bg_black .introduction:before,.bg_black .address,.bg_black .pdtItem,.bg_black .footer-btn.footer-result{background: #272935;}
.bg_black .introduction p,.bg_black .edit-list li span{color: #AAB9D1;}
.bg_black .footer-btn,.bg_black .result-btn{background:#DB4552;}
.bg_black .edit{background: #272935;}
.bg_black .edit-list li:after,.bg_black .huidou-list li:after{background-image: -webkit-linear-gradient(bottom, #0C0F13 60%, transparent 60%);background-image: linear-gradient(0deg, #0C0F13 60%, transparent 60%);}
.bg_black .result-btn.disabled{background: #3B3C44;color: #6F6F6F;}
.bg_black .btn-used.disabled{color: #6F6F6F;}
.bg_black .btn-used.disabled:after{border-color:#3B3C44;}

.skuItem{margin-top:-0.4rem;background: #fff;padding: 0.2rem 0;}
.skuItem li{padding: 0.2rem 0.32rem;font-size: 0.3rem;}
.sku-select{width: 1.64rem;}
.sku-select >*{float: left;}
.btn-minus,.btn-add{position: relative;width: 0.3rem;height: 0.3rem;text-indent: -999px;overflow: hidden;margin-top: 0.04rem;}
.btn-minus:before,.btn-add:before,.btn-add:after{content: '';position: absolute;left: 50%;top: 50%;background: #222;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.btn-minus:before,.btn-add:before{width: 100%;height: 0.04rem;}
.btn-add:after{width: 0.04rem;height: 100%;}
.btn-minus.disabled,.btn-add.disabled{pointer-events: none;}
.btn-minus.disabled:before,.btn-add.disabled:before,.btn-add.disabled:after{background: #B4B4B4;}
.sku-select input{display: block;width:0.64rem;height:0.36rem;margin: 0 0.2rem;background: #EDEDED;border-radius: 0.06rem;text-align: center;line-height: 0.36rem;}
.set-defalut{padding: 0.28rem 0.3rem 0.28rem 0.94rem;font-size: 0.3rem;position: relative;}
.set-defalut:before,.btn-checked:before{content: '';position: absolute;top: 50%;width: 0.34rem;height: 0.34rem;border-radius: 50%;border: 1px solid #c0c0c0;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.set-defalut:before{left:0.4rem;}
.btn-checked:before{left: 0;}
.set-defalut.checked:before,.btn-checked:before{border-color:#E83C3C;background:#E83C3C;}
.set-defalut.checked:after,.btn-checked:after{content: '';position: absolute;top: 48%;width: 0.18rem;height: 0.1rem;border-bottom: 2px solid #fff;border-left: 2px solid #fff;transform:translate(0,-50%) rotate(-45deg);}
.set-defalut.checked:after{left: 0.48rem;}
.btn-checked:after{left: 0.08rem;}
.address-list{padding: 0 0 0 0.32rem;}
.address-list li{padding: 0.34rem 0.8rem 0.34rem 0.58rem;position: relative;z-index: 1;}
.address-list li p{font-size: 0.26rem;color: #888;}
.address-list li p span{margin-left: 0.32rem;}
.address-list li h3{font-size: 0.32rem;font-weight: 500;margin: 0.14rem 0;}
.tag-red{display: inline-block;background: #E83C3C;font-size:0.24rem;color: #fff;border-radius:0.06rem;padding:0 0.1rem;line-height: 0.36rem;margin-left: 0.2rem!important;}
.btn-edit{position: absolute;right: 0.32rem;top: 50%;width:0.36rem;height:0.36rem;background: url('../images/icon-edit.png');background-size: cover;margin-top: -0.18rem;}
.btn-checked{position: absolute;left: 0;top:50%;width: 0.4rem;height: .4rem;margin-top: -0.2rem;}

.mod-pay{margin-top: 0.2rem;background: #fff;font-size: 0.28rem;}
.mod-pay-tit{padding-left: 0.32rem;position: relative;top: 0;left: 0;z-index: 1;line-height: 0.8rem;color: #666;}
.mod-pay .select-list li{line-height: 0.8rem;padding: 0 0.4rem 0 1.14rem;position: relative;top: 0;left: 0;color: #222;}
.select-btn{float: right;width: 0.36rem;height: 0.36rem;border-radius: 0.08rem;position: absolute;top: 50%;left: auto;right: 0.4rem;margin-top: -0.18rem;z-index: 1;}
.select-btn:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    z-index: -1;
    border: 1px solid #666;
    border-radius: 0.12rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}
.select-list li.selected .select-btn{background:#E83C3C;}
.select-list li.selected .select-btn:before{
    border-color: #E83C3C;
}
.select-list li.selected .select-btn:after{
    content: '';
    position: absolute;
    top: 40%;
    left: 25%;
    width: 50%;
    height: 20%;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: translate(-10%, -40%) rotate(-45deg);
    -ms-transform: translate(-10%, -40%) rotate(-45deg);
    transform: translate(-10%, -40%) rotate(-45deg);
}
.select-list li:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0.4rem;
    width: 0.44rem;
    height: 0.44rem;
    margin-top: -0.22rem;
    background: url('../images/icon-pay.png') no-repeat 0 0;
    -webkit-background-size: 0.44rem auto;
    background-size: 0.44rem auto;
}
.mod-pay .select-list li:nth-of-type(2):before{background-position: 0 -0.5rem;}
.mod-pay .select-list li:nth-of-type(3):before{background: url('../images/unicom.png') no-repeat 0 0;background-size: cover;}
.bg-pink{background: #fffbf3;}
.pay-result{
    position: relative;
    padding: 0.8rem 0 0.08rem;
    text-align: center;
    font-size: 0.4rem;
    color: #010101;
}
.pay-result:before{
    content: '';
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 auto 0.3rem;
    border-radius: 50%;
    background-image: url('../images/ok-pay.png');
    background-repeat: no-repeat;
    background-size: 1.1rem auto;
}
.pay-result-ok:before{background-position: 0 -1.28rem;}
.pay-result-fail:before{background-position: 0 0;}
.pay-btn {
    width: 45%;
    height: 0.8rem;
    line-height: 0.8rem;
    display: block;
    margin: 0.4rem auto;
    font-size: 0.32rem;
    text-align: center;
    color: #3e6ac5;
    border: 1px solid #3e6ac5;
    border-radius: 0.9rem;
}
.pay-footer{position: absolute;left: 0.6rem;right: 0.6rem;bottom: 0.8rem;}
.pay-footer-contact{background: rgba(0, 0, 0, 0.03);border-radius: 0.24rem;position: relative;height: 1.86rem;}
.pay-footer-contact p{
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 0.28rem;
    color: #555;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    white-space: nowrap;
}
.pay-footer-tips{font-size: 0.22rem;margin-top: 0.54rem;text-align: center;color: #999;}
.pay-footer-tips p{margin-bottom: 0.1rem;}
.mask-win{position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.9);z-index: 10;}
.chart_box{
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0.8rem auto 0.4rem;
    overflow: hidden;
}
.mask-win p{font-size: 0.32rem;color: #fff;text-align: center;}
.svgbox{width: 100%;height: 100%;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
.chart{position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;stroke-dashoffset: 0;stroke: #3670ee;stroke-linecap: butt;fill: none;}
.chart .bg_gray{stroke: #303b51;}
.pie_per{position: absolute;width: 100%;text-align: center;top: 50%;left: 0;color: #9fb3b7;font-size: 0.32rem;line-height: 1;margin-top: -0.16rem;}
.pay-txt{color: #999;font-size: 0.32rem;text-align: center;line-height: 1;padding: 0.2rem 0 0.3rem;}
.pay-footer-contact a{color: #3e6ac5;}

/*邀请开户*/
.bg_account{background: url('../images/bg3.png') no-repeat center top;background-size: 100% auto;padding-top: 3rem;}
.bg_account h1{position: absolute;left: 0;right: 0;top: 1.86rem;text-align: center;font-size: 0.34rem;color: #fff;}
.bg_account h1 span{display:inline-block;padding: 0 0.2rem;background: #fff;border-radius: 0.5rem;line-height: 0.48rem;color: #286DF7;margin: 0 3px;}
.bg_account h1:before,.bg_account h1:after{content: '';display: inline-block;width:0.4rem;height: 0.04rem;background-image: linear-gradient(270deg, #FFFFFF 0%, rgba(255,255,255,0.00) 100%);background-image: -webkit-linear-gradient(right, #FFFFFF 0%, rgba(255,255,255,0.00) 100%);vertical-align: 0.08rem;}
.bg_account h1:before{margin-right:0.08rem;}
.bg_account h1:after{margin-left:0.06rem;-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.bg_account .content{background: #fff;border-radius: 0.4rem 0.4rem 0 0;padding: 0.4rem 0;}
.bg_account .content h2{font-size: 0.36rem;font-weight: 500;text-align: center;margin-bottom: 2px;}
.bg_account .list{padding-left: 0.32rem;}
.bg_account .list li{padding: 0.36rem 1.84rem 0.34rem 0.84rem;position: relative;z-index: 1;}
.bg_account .list li:after,.racord-table tr td:after{
    /*content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    background: -webkit-linear-gradient(bottom, #E5E5E5 60%, transparent 60%) no-repeat left bottom;
    background-size: 100% 1px;
    z-index: -1;*/
}
.bg_account .list li img{position: absolute;left: 0;top: 50%;width: 0.64rem;height: 0.64rem;border-radius: 0.1rem;margin-top: -0.32rem;}
.bg_account .list li h3{font-size:0.32rem;font-weight: 500;}
.bg_account .list li p{font-size:0.24rem;color: #666;margin-top: 0.06rem;}
.bg_account .list li .btn{position: absolute;right:0.32rem;top: 50%;width: 1.5rem;line-height: 0.6rem;border-radius: 0.1rem;background:#286DF7;color: #fff;text-align: center;font-size: 0.28rem;margin-top: -0.3rem;}
.link-more{text-align: center;padding: 0.5rem;}
.link-more a{font-size: 0.28rem;color: #286DF7;}
.link-more a:after{content: '';display: inline-block;width:0.12rem;height:0.12rem;border-bottom: 1px solid #286DF7;border-right: 1px solid #286DF7;margin-left: 0.06rem;transform: rotate(-45deg);vertical-align:1px;}
.racord-table{}
.racord-table tr th{height: 0.6rem;vertical-align: middle;font-size: 0.24rem;color:#999;font-weight: normal;}
.racord-table tr td{height: 1.2rem;vertical-align: middle;text-align: center;font-size: 0.3rem;position: relative;}
.racord-table tr td:nth-of-type(1){font-size: 0.26rem;}
.racord-table tr th:nth-of-type(2){text-indent: 0.3rem;}
.racord-table tr th:nth-of-type(2),.racord-table tr td:nth-of-type(2){text-align: left;}
.racord-table tr td:nth-of-type(4){font-size: 0.26rem;}
.racord-table tr td img{float: left;width: 0.48rem;height: 0.48rem;border-radius: 50%;margin-right: 0.1rem;}



